<template>
  <div class="common-layout">
    <el-container>
      <el-header class="shop_header">
        <div>
          <div class="shop_header_l">购物平台</div>
          <div class="shop_header_r">admin</div>
        </div>
      </el-header>
      <el-container>
        <el-aside width="24%">
          <leftMenu></leftMenu>
        </el-aside>
        <el-main>
          <div style="width:300px;">
             <router-view />
          </div>
        
         <!-- 这里面是一个 -->
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import leftMenu from "./leftMenu.vue";
import {useRouter} from 'vue-router'
export default {
  components: {
    leftMenu,
  },
  setup(){

      let router  = useRouter()
      router.push('/main/home')
      return{

      }
  }
};
</script>
<style scoped lang="less">
.shop_header {
  background-color: rgb(30, 153, 240);
  height: 60px;
  line-height: 60px;
  .shop_header_l {
    float: left;
  }
  .shop_header_r {
    float: right;
  }
}
</style>
